【const = () =＞ {}和function () {}的区别，箭头函数和常规函数】

2024-07-02 06:11| 来源: 网络整理| 查看: 265

我们来看一下const App = () => {}和function App() {}的区别：

const App = () => {}：这是一个箭头函数（arrow function）定义。箭头函数是ES6引入的一种新的函数语法，它提供了一种更简洁的方式来定义函数。箭头函数不会创建自己的this上下文，所以它总是从定义它的上下文中继承this。箭头函数没有自己的arguments对象，因此使用arguments是不正确的。如果需要访问组件的props，可以直接在参数列表中定义它们。function App() {}：这是一个常规函数定义。在类组件中，通常使用这种语法来定义组件。常规函数有自己的this上下文，所以它不从外部作用域继承this。常规函数也有自己的arguments对象。

那react中，const function = ()=>{}和function(){}，使用this.function能在别处被调用到吗在React中，如果在类组件中定义了一个函数，无论是使用箭头函数 () => {} 还是普通函数 function() {}，都可以在组件的其他部分调用它。

但是，如果是在组件的实例方法中定义一个函数，并且使用 this 关键字（这在常规JavaScript类中是常见的，但在React类组件中并不常见），那么这个函数只能在组件的实例方法内部被调用，不能从外部调用。

例如，以下是在React类组件中定义函数的方式：

class MyComponent extends React.Component { myFunction = () => { } render() { return static myStaticFunction() { } render() { return

【本文地址】

公司简介

联系我们